<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>物料分析会签流程系统</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/styles.css">
</head>
<body class="bg-gray-100">
    <div class="flex h-screen">
        <!-- 侧边栏 -->
        <div class="w-64 bg-white shadow-md">
            <div class="p-4">
                <h1 class="text-xl font-bold text-gray-800">物料分析系统</h1>
            </div>
            <nav class="mt-4">
                <a href="pages/process-list.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">
                    <i class="fas fa-list mr-2"></i>流程列表
                </a>
                <a href="pages/material-pool.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">
                    <i class="fas fa-box mr-2"></i>物料池
                </a>
                <a href="pages/component-list.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">
                    <i class="fas fa-database mr-2"></i>组件号库
                </a>
            </nav>
        </div>

        <!-- 主内容区 -->
        <div class="flex-1">
            <iframe id="contentFrame" class="w-full h-full" src="pages/process-list.html" frameborder="0"></iframe>
        </div>
    </div>

    <script>
        // 处理导航链接点击事件
        document.querySelectorAll('nav a').forEach(link => {
            link.addEventListener('click', (e) => {
                e.preventDefault();
                const frame = document.getElementById('contentFrame');
                frame.src = link.getAttribute('href');
            });
        });
    </script>
</body>
</html> 